<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>反馈及建议</title>
    <link rel="stylesheet" href="__PUBLIC__/css/style.css">
    <link rel="stylesheet" href="__PUBLIC__/css/global.css">
    <link rel="stylesheet" href="__PUBLIC__/css/index_style.css">
    <link rel="stylesheet" href="__PUBLIC__/css/index2.css">
    <link rel="stylesheet" href="__PUBLIC__/css/common.css" />
    <script type="text/javascript" src="__PUBLIC__/js/index2.js"></script>
</head>

<body>
<header>
	<div style="max-width:100%;min-width: 1000px; height: 475px; background: url(__PUBLIC__/img/head_lx.jpg) no-repeat center; background-size: cover;">

		<div style=" width: 1000px; height: 50px; margin: 0 auto;">

			<include file="Public:head_search" />
		</div>
		<div style="background: url(__PUBLIC__/img/1_02.jpg) no-repeat;">
			<div style=" width: 1000px; margin: 0 auto; background: url(__PUBLIC__/img/1_03.jpg) no-repeat;">
				<img style="margin-left: 36px;" src="__PUBLIC__/img/1_07.jpg" />
				<include file="Public/nav" />
			</div>
		</div>
	</div>
</header>

<div class="content" style="background:#FFFFFF url(__PUBLIC__/img/indexbg_02.jpg) no-repeat center;background-position: -8px 0px;max-width:100%;min-width: 1000px;">

    <div id="borderColor" style="margin: 0 auto; width: 1000px; height: auto; min-height:800px;background:#FFFFFF;top: -10px;position: relative;">

        <div class="fl box-shadow-2" style="border-top: 10px #db261f solid; width: 225px;">
            <div style="text-align: center; padding-top: 30px; padding-bottom: 10px;">
                <img src="__PUBLIC__/img/contact.png">
            </div>

            <div class="menu_left">

                <ul style="background: url(__PUBLIC__/img/WH_07.jpg) no-repeat 0 0; padding-top: 20px;">
                    <li>
                        <a href="/contact_us">联系我们</a>
                    </li>
                    <li class="show">
                        <a href="/message_board">留言板</a>
                    </li>
                </ul>

            </div>
            <div style="clear: both;"></div>
            <div style="text-align: center; padding-top: 45px;background: url(__PUBLIC__/img/WH_07.jpg) no-repeat 0 0;">
                <img src="__PUBLIC__/img/W_03-01.jpg" />
            </div>

        </div>
        <style>
            .concept {
                color: #323232;
            }

            .concept tr {
                vertical-align: top;
            }

            table tr td{
                position: relative;
            }

            table.concept p {
                font-size: 14px;
                padding-bottom: 20px;
            }

            table.concept p.c333 {
                font-weight: 600;
            }
            table input {
                font-size: 14px;
                height: 30px;
                line-height: 30px;
            }
            table em{
                position: absolute;
                top: 8px;
                left: 415px;
                width: 120px;
                height: 25px;
                background-color:red;
                line-height: 25px;
                text-align: center;
                border-radius: 3px;;
                color: #fff;
            }
            table tr:nth-last-of-type(2) em{
                top: 10px;
                left: 240px;
            }
            table tr:nth-of-type(2) em{
                top: 4px;
            }
            .message-submit{
                color:#fff; width:200px; height:38px; font-size: 16px; line-height:38px; border-radius:5px;  background: #e54140 !important; border: 0;cursor: pointer;
            }
            .message-submit:hover{
                box-shadow: 0px 0px 2px red;
            }
        </style>
        <div class="fr" style="border-top: 10px #b59e58 solid; width: 775px;">
            <div style="width: 722px;margin: 0 auto;margin-top: 42px;">
                <h3 style="font-size: 21px;font-weight: 500;line-height: 29px;">反馈及建议</h3>
                <img src="__PUBLIC__/img/WG_03.jpg" />
            </div>

            <div style="width: 722px;margin: 0 auto;">
                <form id="form" action="__URL__message_board_add" method="post">
                    <table border="0" width="100%" style="margin-top: 42px;">
                        <tbody>
                        <tr height="50px">
                            <td align="right" style="width: 20%;">
                                <label style="color: red;">*</label> <span class="leftMenu">标题：</span>
                            </td>
                            <td><input type="text" name="title" placeholder=" 请输入企业名称" style="width: 400px"></td>
                        </tr>
                        <tr height="140px">
                            <td align="right" valign="top">
                                <label style="color: red;">*</label> <span class="leftMenu">内容：</span>
                            </td>
                            <td><textarea name="content" placeholder=" 如有未完善信息，请在此补充。小于等于500字符" style="width: 400px" rows="7"></textarea></td>
                        </tr>
                        <tr height="50px">
                            <td align="right">
                                <label style="color: red;">*</label> <span class="leftMenu">留言人：</span>
                            </td>
                            <td><input type="text" style="width: 400px" name="name"></td>
                        </tr>
                        <tr height="50px">
                            <td align="right">
                                <span class="leftMenu">性别：</span>
                            </td>
                            <td><input checked="checked" style="vertical-align: middle;margin: 0px 10px 0px 5px;" name="sex" type="radio" id="men" value="先生"><label for="men">先生</label>
                                &nbsp; &nbsp; <input type="radio" name="sex" style="vertical-align: middle;margin: 0px 10px 0px 5px;" id="mun" value="女士"><label for="mun">女士</label></td>
                        </tr>
                        <tr height="50px">
                            <td align="right">
                                <span class="leftMenu">联系地址：</span>
                            </td>
                            <td><input type="text" name="address" style="width: 400px"> </td>
                        </tr>
                        <tr height="50px">
                            <td align="right">
                                <label style="color: red;">*</label> <span class="leftMenu">联系方式：</span>
                            </td>
                            <td>
                                <input type="text" style="width: 400px"  name="tel"  placeholder=" 留下手机或固定信息">
                            </td>
                        </tr>
                        <tr height="80px">
                            <td align="right">
                                <label style="color: red;">*</label> <span class="leftMenu">验证码：</span>
                            </td>
                            <td><input type="text" name="passcode" style="width: 225px"><br><img id="codeimage" style="float:left; position: relative;" src="__URL__show_verify"/>
                                <span style="margin: 0 135px 0 0px;cursor: pointer;position: relative;float:left;" onclick="javascript:document.getElementById('codeimage').src='__URL__show_verify?t=' + Math.random();">看不清楚? 换张图片</span>

                            </td>
                        </tr>
                        <tr height="80px">
                            <td align="center" colspan="2">
                                <input type="button" id="submitBtn" value="提交留言" class="message-submit">
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div style="clear: both;"></div>

            </div>
            <div style="clear: both;"></div>
        </div>
        <div style="clear: both;">&nbsp;</div>
    </div>

</div>

<include file="Public/footer" />

<script src='__PUBLIC__/js/jquery-1.8.3.min.js'></script>
<script src="__PUBLIC__/js/index.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.validation.min.js"></script>
<script>
    //按钮先执行验证再提交表单
    $(function(){$("#submitBtn").click(function(){
        if($("#form").valid()){
            $("#form").submit();
        }
    });
    });

    $(document).ready(function() {
        var validator = $("#form").validate({
            errorPlacement: function (error, element) {
                element.parent().append(error);
            },
            errorElement: "em" ,
            rules: {
                title: {
                    required: true
                },
                content: {
                    required: true
                },
                name: {
                    required: true
                },
                address: {
                    required: true
                },
                passcode: {
                    required: true
                },
                tel: {
                    required: true,
                    number: true
                }
            },
            messages: {
                title: {
                    required: '标题不能为空'
                },
                content: {
                    required: '内容不能为空'
                },
                name: {
                    required: '留言人不能为空'
                },
                address: {
                    required: '地址不能为空'
                },
                passcode: {
                    required: '验证码不能为空'
                },
                tel: {
                    required: '联系方式不能为空',
                    number: '联系方式仅为数字'
                }
            }
        });
    });
</script>

</body>

</html>